<template>
  <div class="demo-button" flex="cross:center">
    <f-button disabled>Default</f-button>
    <f-button dashed disabled>Dashed</f-button>
    <f-button background disabled>Background</f-button>
    <f-button type="primary" disabled>Primary</f-button>
    <f-button type="success" disabled>Success</f-button>
    <f-button type="info" disabled>Info</f-button>
    <f-button type="warning" disabled>Warning</f-button>
    <f-button type="danger" disabled>Danger</f-button>
  </div>
</template>
